.tree-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
	.user-parent-layout {
		padding: 0 48rpx;
		display: flex;
		align-items: center;
		.user-layout {
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			.image-layout {
				flex-shrink: 0;
				width: 110rpx;
				height: 103rpx;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 5rpx;
				.item-bg {
					position: absolute;
					z-index: 9;
					width: 100%;
					height: 100%;
					content: url('https://sitiantech.com/memorial-hall/profile/static/image/genealogy/bg_genealogy_header.svg?v20220826');
				}
				.item-img {
					width: 96%;
					height: 96%;
					border-radius: 30rpx;
				}
			}
			.death-avatar {
				-webkit-filter: grayscale(1);
			}
			.icon-candle {
				position: absolute;
				width: 50rpx;
				height: 50rpx;
				top: 56rpx;
			}
			.user-name-text {
				margin-top: 12rpx;
				text-align: center;
				color: #646C6D;
				font-size: 21.03rpx;
				width: 110rpx;
				height: 42rpx;
				line-height: 42rpx;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				overflow: hidden;
				-webkit-box-orient: vertical;
				background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/genealogy/bg_genealogy_name.svg?v20220826');
				background-size: 100% 100%;
			}
			.user-self {
				color: #ffc107;
			}
		}
	}
	.child-parent-layout {
		display: flex;
		.children-layout {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}
}

.vertical-line {
	height: 48rpx;
	width: 4rpx;
	background: #b1a682;
}

.couple-line {
	height: 4rpx;
	width: 36rpx;
	margin-bottom: 30rpx;
	background: #b1a682;
}

.child-line {
	width: 100%;
	height: 4rpx;
	background: #b1a682;
}

.first-child-line-layout {
	display: flex;
	justify-content: flex-end;
	.first-child-line {
		width: calc(50% + 2rpx);
		height: 4rpx;
		background: #b1a682;
	}
}

.last-child-line-layout {
	.last-child-line {
		width: calc(50% + 2rpx);
		height: 4rpx;
		background: #b1a682;
	}
}

.left-bottom-radius {
	border-bottom-left-radius: 2rpx;
}

.right-bottom-radius {
	border-bottom-right-radius: 2rpx;
}

.left-top-radius {
	border-top-left-radius: 2rpx;
}

.right-top-radius {
	border-top-right-radius: 2rpx;
}
